<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./bootstrap5/css/bootstrap.min.css">
    <link rel="stylesheet/less" href="./css/index.less">
    <title>德爱</title>
</head>

<body>
    <header>
        <div class="container">
            <nav class="navbar navbar-expand-lg">
                <div class="container-fluid">
                    <a class="navbar-brand" href="#">
                        <img src="./img/logo.png" alt="Logo" class="d-inline-block align-text-top">
                    </a>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                        data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
                        aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                        <div class="navbar-nav navbar_">
                            <a class="nav-link text-lg-center ps-4 ps-lg-0 active" aria-current="page" href="#">首页</a>
                            <a class="nav-link text-lg-center ps-4 ps-lg-0" href="#">关于我们</a>
                            <a class="nav-link text-lg-center ps-4 ps-lg-0" href="#">业务范围</a>
                            <a class="nav-link text-lg-center ps-4 ps-lg-0" href="#">员工职业发展</a>
                            <a class="nav-link text-lg-center ps-4 ps-lg-0" href="#">案例展示</a>
                            <a class="nav-link text-lg-center ps-4 ps-lg-0" href="#">资讯中心</a>
                            <div></div>
                        </div>
                        <div class="navbar-nav lanNav align-items-start align-items-lg-center ps-0 ps-lg-4">
                            <a class="nav-link text-lg-center ps-4 px-lg-3 active" id="zh">简体中文</a>
                            <span class="d-none d-lg-block">|</span>
                            <a class="nav-link text-lg-center ps-4 px-lg-3 " id="en">English</a>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <div class="banner">
        <img src="./img/banner.png" class="d-block w-100" alt="...">
    </div>
    <div class="module1">
        <div class="title">
            <span class="t_en">ABOUT US</span>
            <span class="t_zh">关于我们</span>
        </div>
        <div class="row">
            <div class="col-md-6 text">
                <h1>公司介绍</h1>
                <small>Company profile</small>
                <p>德爱，是一家提供互联网服务德高科技集团公司，集策
                    划，前端优化，研发，测试，系统运维，网站推广，运
                    营，团队外包及互联网人才培养为一体的成熟业务体系。</p>
            </div>
            <div class="col-md-6 mb-4 mb-md-0">
                <img src="./img/module1_1.png" class="d-block w-100 h-100" alt="...">
            </div>
            <div class="col-md-6">
                <img src="./img/module1_2.png" class="d-block w-100 h-100" alt="...">
            </div>
            <div class="col-md-6 text">
                <h1>运营理念</h1>
                <small>Operation concept</small>
                <p>德爱，是一家提供互联网服务德高科技集团公司，集策
                    划，前端优化，研发，测试，系统运维，网站推广，运
                    营，团队外包及互联网人才培养为一体的成熟业务体系。</p>
            </div>
        </div>
    </div>
    <div class="module2">
        <div class="title">
            <span class="t_en">SCOPE of business</span>
            <span class="t_zh">业务范围</span>
        </div>
        <img src="./img/module2_1.png" class="d-block w-100" alt="...">
        <div class="row content">
            <div class="col-md-4 col-sm-6 col-10 mb-4 mb-md-0 mx-auto">
                <div class="pic">
                    <img src="./img/module2_2.png" class="d-block w-100 h-100" alt="...">
                    <div class="text_bg">
                        <h1>愿景</h1>
                        <span>打造全球最棒的IT服务平台</span>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-10 mb-4 mb-md-0 mx-auto">
                <div class="pic">
                    <img src="./img/module2_3.png" class="d-block w-100 h-100" alt="...">
                    <div class="text_bg">
                        <h1>愿景</h1>
                        <span>打造全球最棒的IT服务平台</span>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-10 mb-4 mb-md-0 mx-auto">
                <div class="pic">
                    <img src="./img/module2_4.png" class="d-block w-100 h-100" alt="...">
                    <div class="text_bg">
                        <h1>愿景</h1>
                        <span>打造全球最棒的IT服务平台</span>
                    </div>
                </div>
            </div>
            <p> 德爱主要提供高品质网站建设方案，电子商务平台解决方案，移动端应用解决方案（基于Android,
                IOS APP-及移动端网站），微应用，微商城，微互动营销解决方案，企业信息化解决方案（OA，CRM），
                以及PHP网站开发，Java开发，UI设计，淘宝美工人才培养服务，人才外包服务，高端IT人才猎头服务。
            </p>
        </div>
    </div>
    <div class="module3">
        <div class="title">
            <span class="t_en">Staff career development</span>
            <span class="t_zh">员工职业发展</span>
        </div>
        <p>公司非常清楚职业发展计划对于每个员工的重要性。公司对人员的要求，更加看重心态，只要愿意成为德爱的一份子，
            公司都会让员工充分展示自己，发挥他们的潜力、才干和热情，在德爱走向职业的成功。</p>
        <div class="container">
            <div class="row">
                <div class="col-md-6 mb-4 col-10 mx-auto">
                    <div class="pic">
                        <img src="./img/module3_1.png" class="d-block w-100 h-100" alt="...">
                        <div class="text_bg">
                            <div class="text_info">
                                <h1>为梦想助力</h1>
                                <span>携手共进<span>共赢天下</span></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mb-4 col-10 mx-auto">
                    <div class="pic">
                        <img src="./img/module3_2.png" class="d-block w-100 h-100" alt="...">
                        <div class="text_bg">
                            <div class="text_info">
                                <h1>为梦想助力</h1>
                                <span>携手共进<span>共赢天下</span></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-8 col-10 mx-auto">
                    <div class="pic">
                        <img src="./img/module3_3.png" class="d-block w-100 h-100" alt="...">
                        <div class="text_bg">
                            <div class="text_info">
                                <h1>为梦想助力</h1>
                                <span>携手共进<span>共赢天下</span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="module4">
        <div class="title">
            <span class="t_en">Case presentation</span>
            <span class="t_zh">案例展示</span>
        </div>
        <nav>
            <ul>
                <li class="mx-md-5 mx-sm-4 mx-2">企业官网</li>
                <li class="mx-md-5 mx-sm-4 mx-2">创意广告</li>
                <li class="mx-md-5 mx-sm-4 mx-2">移动终端</li>
                <li class="mx-md-5 mx-sm-4 mx-2">系统集成</li>
            </ul>
        </nav>
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-8 col-10 mx-auto">
                    <div class="pic mb-4">
                        <img src="./img/module4_1.png" class="d-block w-100 h-100" alt="...">
                        <div class="text_bg">
                            <div class="text_info">
                                <h1>BEAST 野兽派</h1>
                                <span>BEAST Fauvism</span>
                            </div>
                        </div>
                    </div>
                    <div class="pic mb-4">
                        <img src="./img/module4_3.png" class="d-block w-100 h-100" alt="...">
                        <div class="text_bg">
                            <div class="text_info">
                                <h1>BEAST 野兽派</h1>
                                <span>BEAST Fauvism</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-8 col-10 mx-auto">
                    <div class="pic mb-4">
                        <img src="./img/module4_2.png" class="d-block w-100 h-100" alt="...">
                        <div class="text_bg">
                            <div class="text_info">
                                <h1>BEAST 野兽派</h1>
                                <span>BEAST Fauvism</span>
                            </div>
                        </div>
                    </div>
                    <div class="pic mb-4">
                        <img src="./img/module4_4.png" class="d-block w-100 h-100" alt="...">
                        <div class="text_bg">
                            <div class="text_info">
                                <h1>BEAST 野兽派</h1>
                                <span>BEAST Fauvism</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="module5">
        <div class="title">
            <span class="t_en">Information Centre</span>
            <span class="t_zh">资讯中心</span>
        </div>
        <div id="carouselExample" class="carousel slide">
            <div class="carousel-inner container">
                <div class="carousel-item active row">
                    <div class="item col-lg-4 col-sm-6 mx-auto mb-4 mb-lg-0">
                        <img src="./img/module5_1.png" class="bigpic w-100" alt="">
                        <div class="m5_text">
                            <span class="head_title">深化校企合作，广州华南...</span>
                            <p>为响应国家深化产教融合 校企合作的号召 加强学
                                校与企业的信息有效传递 全面推进校企协同创新
                                育人 德爱集团与合作学校进行积极的.....
                            </p>
                            <div class="bottom">
                                <div class="left">
                                    <img src="./img/module5_4.png" alt="">
                                    通知资讯
                                </div>
                                <div class="right">
                                    <img src="./img/module5_5.png" alt="">
                                    2019-12-11
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item col-lg-4 col-sm-6 mx-auto mb-4 mb-lg-0">
                        <img src="./img/module5_2.png" class="bigpic w-100" alt="">
                        <div class="m5_text">
                            <span class="head_title">共培青年工程师，德爱集团走进...</span>
                            <p>为响应国家深化产教融合 校企合作的号召 加强学
                                校与企业的信息有效传递 全面推进校企协同创新
                                育人 德爱集团与合作学校进行积极的.....
                            </p>
                            <div class="bottom">
                                <div class="left">
                                    <img src="./img/module5_4.png" alt="">
                                    通知资讯
                                </div>
                                <div class="right">
                                    <img src="./img/module5_5.png" alt="">
                                    2019-12-11
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item col-lg-4 col-sm-6 mx-auto mb-4 mb-lg-0">
                        <img src="./img/module5_3.png" class="bigpic w-100" alt="">
                        <div class="m5_text">
                            <span class="head_title">德爱集团进入华南农业...</span>
                            <p>通过结构化的综合布线系统和计算机网络技术，将各
                                个分离的设备(如个人电脑)、功能和信息等集成到相
                                互关联的、统一和协调的系统之中.....
                            </p>
                            <div class="bottom">
                                <div class="left">
                                    <img src="./img/module5_4.png" alt="">
                                    通知资讯
                                </div>
                                <div class="right">
                                    <img src="./img/module5_5.png" alt="">
                                    2019-9-11
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item row">
                    <div class="item col-lg-4 col-sm-6 mx-auto mb-4 mb-lg-0">
                        <img src="./img/module5_1.png" class="bigpic w-100" alt="">
                        <div class="m5_text">
                            <span class="head_title">深化校企合作，广州华南...</span>
                            <p>为响应国家深化产教融合 校企合作的号召 加强学
                                校与企业的信息有效传递 全面推进校企协同创新
                                育人 德爱集团与合作学校进行积极的.....
                            </p>
                            <div class="bottom">
                                <div class="left">
                                    <img src="./img/module5_4.png" alt="">
                                    通知资讯
                                </div>
                                <div class="right">
                                    <img src="./img/module5_5.png" alt="">
                                    2019-12-11
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item col-lg-4 col-sm-6 mx-auto mb-4 mb-lg-0">
                        <img src="./img/module5_2.png" class="bigpic w-100" alt="">
                        <div class="m5_text">
                            <span class="head_title">共培青年工程师，德爱集团走进...</span>
                            <p>为响应国家深化产教融合 校企合作的号召 加强学
                                校与企业的信息有效传递 全面推进校企协同创新
                                育人 德爱集团与合作学校进行积极的.....
                            </p>
                            <div class="bottom">
                                <div class="left">
                                    <img src="./img/module5_4.png" alt="">
                                    通知资讯
                                </div>
                                <div class="right">
                                    <img src="./img/module5_5.png" alt="">
                                    2019-12-11
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item col-lg-4 col-sm-6 mx-auto mb-4 mb-lg-0">
                        <img src="./img/module5_3.png" class="bigpic w-100" alt="">
                        <div class="m5_text">
                            <span class="head_title">德爱集团进入华南农业...</span>
                            <p>通过结构化的综合布线系统和计算机网络技术，将各
                                个分离的设备(如个人电脑)、功能和信息等集成到相
                                互关联的、统一和协调的系统之中.....
                            </p>
                            <div class="bottom">
                                <div class="left">
                                    <img src="./img/module5_4.png" alt="">
                                    通知资讯
                                </div>
                                <div class="right">
                                    <img src="./img/module5_5.png" alt="">
                                    2019-9-11
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item row">
                    <div class="item col-lg-4 col-sm-6 mx-auto mb-4 mb-lg-0">
                        <img src="./img/module5_1.png" class="bigpic w-100" alt="">
                        <div class="m5_text">
                            <span class="head_title">深化校企合作，广州华南...</span>
                            <p>为响应国家深化产教融合 校企合作的号召 加强学
                                校与企业的信息有效传递 全面推进校企协同创新
                                育人 德爱集团与合作学校进行积极的.....
                            </p>
                            <div class="bottom">
                                <div class="left">
                                    <img src="./img/module5_4.png" alt="">
                                    通知资讯
                                </div>
                                <div class="right">
                                    <img src="./img/module5_5.png" alt="">
                                    2019-12-11
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item col-lg-4 col-sm-6 mx-auto mb-4 mb-lg-0">
                        <img src="./img/module5_2.png" class="bigpic w-100" alt="">
                        <div class="m5_text">
                            <span class="head_title">共培青年工程师，德爱集团走进...</span>
                            <p>为响应国家深化产教融合 校企合作的号召 加强学
                                校与企业的信息有效传递 全面推进校企协同创新
                                育人 德爱集团与合作学校进行积极的.....
                            </p>
                            <div class="bottom">
                                <div class="left">
                                    <img src="./img/module5_4.png" alt="">
                                    通知资讯
                                </div>
                                <div class="right">
                                    <img src="./img/module5_5.png" alt="">
                                    2019-12-11
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item col-lg-4 col-sm-6 mx-auto mb-4 mb-lg-0">
                        <img src="./img/module5_3.png" class="bigpic w-100" alt="">
                        <div class="m5_text">
                            <span class="head_title">德爱集团进入华南农业...</span>
                            <p>通过结构化的综合布线系统和计算机网络技术，将各
                                个分离的设备(如个人电脑)、功能和信息等集成到相
                                互关联的、统一和协调的系统之中.....
                            </p>
                            <div class="bottom">
                                <div class="left">
                                    <img src="./img/module5_4.png" alt="">
                                    通知资讯
                                </div>
                                <div class="right">
                                    <img src="./img/module5_5.png" alt="">
                                    2019-9-11
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>
    <footer>
        <div class="container top">
            <div class="nav">
                <a href="#">网站首页</a>
                <span>|</span>
                <a href="#">解决方案</a></a>
                <span>|</span>
                <a href="#">资讯中心</a>
                <span>|</span>
                <a href="#">案例展示</a>
                <span>|</span>
                <a href="#">了解德爱</a>
            </div>
            <div class="f_info">
                <div class="left">
                    <img src="./img/footer1.png" alt="">
                    <span>020-80922831</span>
                </div>
                <div class="right">
                    <img src="./img/footer2.png" alt="">
                    <span>广州市海珠区广州大道南448号财智大夏28楼</span>
                </div>
            </div>
        </div>
        <hr>
        <div class="container bottom">
            <div class="row">
                <div class="left col-xl-2 mb-4 mb-xl-0 text-center mx-auto">
                    粤ICP备12022584号-3
                </div>
                <div class="middle col-xl-6 mb-4 mb-xl-0 mx-auto text-center">
                    广州德爱网络科技有限公司  Copyright 2009-2015,All Reserved wengdo
                </div>
                <div class="right col-xl-4 mb-4 mb-xl-0 text-center mx-auto text-xl-end">
                    法律顾问：广东晟晨律师事务所-张勇律师
                </div>
            </div>
        </div>
    </footer>
    <aside>
        <img src="./img/侦测栏.png" alt="">
    </aside>
    <script src="./js/less-4.1.3.js"></script>
    <script src="./bootstrap5/js/bootstrap.bundle.min.js"></script>
</body>

</html>